{% extends "base.html" %}
{% block title %}{% endblock %}
{% block head %}
<style type="text/css">
#container{
	width:50%;
	min-width:400px;
	margin:0 auto;
}
ul{
	margin:0;
	padding:0;
}
li{
	display:inline-block;
	margin:2px auto 0px;
	/*background-color:#F0F0F0;
	border:1px solid #E9E9E9;*/
	color:#333;
	padding:3px 3px;
	border-radius:5px;
	width:80px;
	height:80px;
	float:left;
}
a{
	text-decoration:none;
}
img{
	border:1px solid #DEE1E4;
	padding:1px;
}

img:hover{
	border-color:#60a5ff;
}
#photos{
	width:430px;
	border:1px solid #DEE1E4;
	height:270px;
	text-align:left;
}
.photo_list{
	width:430px;
}
</style>
{% endblock %}
{% block body %}
<div id="photos">
<ul>
{%for p in photos%}
<li>
<a href="/photo/{{ p.blob_id }}">
{% if cdn_cache %}
<img src="{{ cdn_host }}/a/{{ gae_app_id }}/photo/thumbnail/{{ p.blob_id }}x75.png?url=http://{{ gae_app_id }}.appspot.com/photo/thumbnail/{{ p.blob_id }}x75.png" />
{% else %}
<img src="/photo/thumbnail/{{ p.blob_id }}x75.png" />
{% endif %}
</a>
</li>
{% endfor %}
</ul>
</div>
<div style="clear:both;"></div>
<div style="width:400px;display:block;">Pages:
{% for i in pagination.page_range %}
 {% ifequal  i pagination.current %}
 <b>{{ i }}</b>
 {% else %}
 <a href="/photos?page={{ i }}">{{ i }}</a>
 {% endifequal %}
{% endfor %}
 <!--({{ pagination.start_index }})/({{ pagination.end_index }}) {{ pagination.num_pages }}
 <hr />
 ({{ pagination.has_previous }})/({{ pagination.has_next }})
  <hr />
  {{ pagination.record_count }}
  -->
</div>
{% endblock%}
